<template>
    <div>{{ obj }}</div>
    <button @click="add">点我年龄+1</button>
</template>

<script>
// 注意，记得引进我
import { reactive } from 'vue';


/* 
 1. 使用 reactive 包裹对象
 2. 注意引进，可以使用vscode代码提示自动引进，如果没有提示，就手动引进
*/
export default {
    setup() {
        const obj = reactive({
            name: 'zs', age: 20
        })
        const add = () => {
            obj.age++
            console.log('obj', obj);
        }

        return { obj, add }
    },
}
</script>
